<!DOCTYPE HTML >
<html>
    <head>
        <title>hr</title>
        <meta charset='utf-8'>
        <link rel='stylesheet' type='text/css' href='../css/c1.css'>
    </head>
    <!--  -->
    <body>
        <hr>
        <div class='title'>img介绍</div>
            <p style='text-indent: 20px;'>文字描述：在网页中插入图像
                在同一个目录直接文件名&lt;img src = 'text.jpg' /&gt;<br/>
                其他目录:  ../ &lt;.. 表示回到上一个目录&gt;  &lt;img src = '../text.jpg '/&gt;<br/>
                &lt;img src = '../img/text.jpg' /&gt;<br/>
                &lt;img src = '../text.jpg '   title = '我的图片'  alt='这是我的图片'  width = 150 height = 50/&gt;<br/>
                &lt;title是一种属性   文字提示&gt;&lt;alt  网络资源无法加载的时候给的文字提示&gt;</p>
        <hr/>
        <div class='title'>代码示例</div>
        <div class='code'>
            <pre>
             &lt;<span class='red'> img</span> src='../img/83.jpg' title = '我的图片'  alt='这是我的图片'/&gt;
            &lt;<span class='red'>img</span> src = '' title = '我的图片'  alt='这是我的图片'/&gt;
            </pre>
        </div>
        <hr/>
        <div class='title'>代码效果</div>
        <div class='result'>
            <img src='../img/83.jpg' title = '我的图片'  alt='这是我的图片' width="100px" height="200px"/>
            <img src = '' title = '我的图片'  alt='这是我的图片'/>
        </div>
    </body>
</html>
